import React, { memo } from 'react'
import type { FC, ReactNode } from 'react'
import { UserLoginWrapper } from './style'

interface IProps {
  children?: ReactNode
}

const UserLogin: FC<IProps> = () => {
  return (
    <UserLoginWrapper>
      <div className="vip_card">
        <img src={require('@/assets/img/dis_vip_card.png')} className="image" />
      </div>
      <div className="login sprite_02">
        <span className="login_text">
          登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机
        </span>
        <button className="login_btn sprite_02">用户登录</button>
      </div>
    </UserLoginWrapper>
  )
}

export default memo(UserLogin)
